<div class="finished-container full-screen noshrink" fxLayout="row">
    <div fxLayout="column" class="list-container" *ngIf="(finishedList|sliceList:0:10).length">
        <div class="border-top"></div>
        <div class="finished-list" fxLayout="column">
            <div class="finished-item noshrink" *ngFor="let finished of (finishedList|sliceList:0:10)" fxLayoutAlign="center center">
                <deliver-list [order]="finished" [showModel]="true"></deliver-list>
            </div>
        </div>
    </div>
    <div fxLayout="column" class="list-container" *ngIf="(finishedList|sliceList:10:20).length">
        <div class="border-top"></div>
        <div class="finished-list" fxLayout="column">
            <div class="finished-item noshrink" *ngFor="let finished of (finishedList|sliceList:10:20)" fxLayoutAlign="center center">
                <deliver-list [order]="finished" [showModel]="true"></deliver-list>
            </div>
        </div>
    </div>
    <div fxLayout="column" class="list-container" *ngIf="(finishedList|sliceList:20:30).length">
        <div class="border-top"></div>
        <div class="finished-list" fxLayout="column">
            <div class="finished-item noshrink" *ngFor="let finished of (finishedList|sliceList:20:30)" fxLayoutAlign="center center">
                <deliver-list [order]="finished" [showModel]="true"></deliver-list>
            </div>
        </div>
    </div>
</div>